// 这里写所有ui-开头封装的全局样式
// 适用于当前项目的独立ui

//角标文本
.ui-corner-label{
    border-style:solid;
    border-width:1px;
    padding:2px 5px 2px 10px;
    position:relative;
    border-radius:3px;
    color:rgba($content-txt, .7);
    cursor:pointer;
    &:hover{
        color:$content-heightLight;
    }
    &::before{
        content:'';
        position:absolute;
        top:0;
        left:0;
        display:block;
        width:0;
        height:0;
        border-right:8px solid transparent;
        border-top:8px solid;
    }
    &.danger{
        border-color:rgba($content-danger, .5);
        &::before{
            border-top-color:rgba($content-danger, .7);
        }
    }
    &.success{
        border-color:rgba($content-success, .5);
        &::before{
            border-top-color:rgba($content-success, .7);
        }
    }
    &.warning{
        border-color:rgba($content-warning, 1);
        &::before{
            border-top-color:rgba($content-warning, 1);
        }
    }
}
//超出长度出现省略号
.ui-ellipsis{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
// 表格必填项目打星号
.required{
    &::before{
        color:$content-danger;
        content:'* ';
    }
}

// table操作按钮
.mod-tab-btn {
    [class*=" el-icon-"], [class^=el-icon-], .icon {
        /*font-weight:800 !important;*/
        margin: 0;
        height: 11px;
        width: 13px;
        position: relative;
        font-size: 13px !important;
        
        &:before {
            position: absolute;
            top: 0;
            left: 0;
        }
    }
    
    &.el-button {
        margin-left: 5px;
    }
    
    > span {
        height: 11px;
        width: 13px;
        display: block;
        position: relative;
        
        > span {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            text-align: center;
        }
    }
}
